<template>
  <div>
    <wmenu></wmenu>
    <div>
      <router-view></router-view>
    </div>
    <div style="background: #000;">
      <div style="width: 80%;margin: auto; padding-top:50px;">
        <el-row :gutter="20">
          <el-col :span="5">
            <div class="grid-content bg-purple">
				<p style="font-size:20px; color:#808080;">联系我们</p>
				<p style="font-size:20px; color:#a9a9a9;">/ contact</p>
			</div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
				<p style="font-size:16px; color:#808080;">巴黎旅游定制服务</p><br>
				<div style="font-size:13px; color:#a9a9a9; line-height:1.8rem;">
					<p>地址：江苏省苏州市园区金鸡湖大道路000号</p>
					<p>邮编：100000</p>
					<p>电话：400-888-8888</p>
				</div>
			</div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple">
				<br>
				<br>
				<div style="font-size:13px; color:#a9a9a9; line-height:1.8rem;">
					<p>电话：400-888-8888</p>
					<p>手机：188-6666-5188</p>
					<p>传真：000-66668888</p>
					<p>邮箱：website@qq.com</p>
				</div>
			</div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple" style="padding:0px 20px;  box-sizing: border-box;">
				<p style="font-size:16px; color:#808080;">关注我们</p><br>
				<div>
					<img src="https://ccdn.goodq.top/caches/628d236aceaa012698bd7fe4b8dc188c/aHR0cDovLzU4NzQ1YTE5NzJjNmYudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxNy8wNC82N2UwMzE5ZjI2MzRlY2I0ZDhmZGMxMjA4ODI4ZWVkYS5qcGc_p_p100_p_2FYXR0YWNobWVudF9pZD0xMzA3OQ_p_p100_p_3D_p_p100_p_3D.jpg" style="width:100%;">
				</div>
			</div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple cls">
				<div  style="background-image: url('http://f.goodq.top/FeiEditor/images/icon/social_icon_32x32.png'); background-position: -128px -64px;">
				</div>
				<div  style="background-image: url('http://f.goodq.top/FeiEditor/images/icon/social_icon_32x32.png'); background-position: -256px -64px;">
				</div>
				<div  style="background-image: url('http://f.goodq.top/FeiEditor/images/icon/social_icon_32x32.png'); background-position: -320px -64px;">
				</div>
				<div  style="background-image: url('http://f.goodq.top/FeiEditor/images/icon/social_icon_32x32.png'); background-position: -160px -64px;">
				</div>
			</div>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
import wmenu from "./com/wmenu.vue";
export default {
  components: {
    wmenu
  },
  data() {
    return {};
  }
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
 
}

.el-row {
  margin-bottom: 20px;
}
.el-col {
  border-radius: 4px;
}

.cls{
	overflow: hidden;
}
.cls>div{
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 5px;
	background: no-repeat;
}
.grid-content {
  border-radius: 4px;
  min-height: 36px;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
</style>